<template>
  <div id="app" class="full">
    <FloatImgBtn @show-modal="handleShowModal" />
    <ResourceManager :showModalProp="showModal" ref="configManager" />
    <div class="full" style="position:relative">
      <router-view />
    </div>
  </div>
</template>

<script>
import ResourceManager from "./views/ResourceManager/index";
import FloatImgBtn from "./views/FloatImgBtn";
export default {
  name: "App",
  data() {
    return {
      showModal: false,
    };
  },
  components: {
    FloatImgBtn,
    ResourceManager,
  },
  methods: {
    handleShowModal() {
      this.$refs.configManager.handleShowModal();
    },
  },
};
</script>

<style scoped>
.home {
  width: 100%;
  height: 100%;
}
</style>
